<template>
  <div class="box" v-show="isShow">
    <h3>警告!!!</h3>

    <button @click="closeDialog">  x </button>
    <p>你真的要删除吗? 操作不可逆!</p>

    <div class="footer">
      <button>确定</button>
      <button>取消</button>
    </div>
  </div>
</template>

<script>

export default {
  
  props:{
    isShow:Boolean
  },
  methods:{
    closeDialog(){
      //  isShow  = false  窗口才能关闭 , isShow 在父组件身上
      this.$emit('update:isShow', false)
    }
  }
}
</script>


<style>

.box{
  width: 300px;
  height: 200px;
  border: 1px solid #000;
}
</style>